<template>
    <div style="height:100%;background:#f7f7f7;">
     <div class="collection-header d-flex p-all items-c border-b f-18" style="background:#fff">
      <i class="iconfont icon-fangxiang1" @click="back"></i>
      <div class="f-1 d-flex jc-c" >我的收藏</div>
      <i class="iconfont icon-menu2 " @click="flag = !flag">
      </i>
    </div>
    <div class=" p-t " style="background:#fff">
        <div class="active p-all  p-l f-14">商品<i>(0)</i></div>
    </div>
     <div class="d-flex jc-c items-c p-all m-t f-12">
         没有更多收藏了
     </div>
    <ti-ps v-show="flag"></ti-ps>
    </div>
</template>

<script>
export default {
  data () {
    return {
      flag: false
    }
  },
  methods: {
    back () {
      this.$router.go(-1)
    }
  }
}
</script>

<style lang="scss" scoped>
.active{
    border-bottom:1px solid  #36bc7c;
}
</style>
